html,body{ min-width:1200px; height:100%; background:url(../img/login_bg.jpg) no-repeat left center; background-size:100% 100%}
input,textarea,select,option{ outline: none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.blue{ color:#1677FF}
.bgBlue{ background-color:#1677FF}

.login{ 
	position: relative;
	position:absolute;
	width:80%;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	
}
.login h1{ font-size: 60px; letter-spacing: 5px; }
.login article{ display: flex; }
.login div{ flex: 1; }
.login div img{ width: 100%; }
.login div:nth-child(1){ flex: 1.3; }
.login div:nth-child(1) p{ 
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.login div:nth-child(1) dl{ 
	width: 100%;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.login div:nth-child(1) dl dt img{ width: 220px; border-radius: 50%; }
.login div:nth-child(1) dl dd{ font-size: 35px; letter-spacing: 2px; color:#356aff }
.login div:nth-child(2){ padding: 120px 0 0 120px; }
.login div:nth-child(2) form{ padding: 60px 100px; border-radius: 10px; }
.login h2{ font-size:38px; letter-spacing: 8px; color:#4171D2 }
.login label{ color: #666; }

.login input{ width: 100%; font-size: 14px; box-sizing: border-box; border: 1px solid #E7E7EB; border-radius:5px; padding:10px 15px; }
.login p span{ background-color:#356aff; letter-spacing: 5px;}